<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="/data/src/css/common/reset.css">
    <link rel="stylesheet" href="banner.css">
</head>
<body>

    <div class="banner-wrapper">

        <ul class="banner-main">
            <li class="list">
                <img src="../../src/img/banner1.jpg" alt="">
            </li>
            <li class="list">
                <img src="../../src/img/banner2.jpg" alt="">
            </li>
            <li class="list">
                <img src="../../src/img/banner3.jpg" alt="">
            </li>
        </ul>

        <ul class="label">
            <li class="label-list"></li>
            <li class="label-list"></li>
            <li class="label-list"></li>
        </ul>

    </div>


    <script type="text/javascript" src="/data/src/lib/zepto.min.js"></script>
    <script type="text/javascript" src="banner.js"></script>
    <script>

        $(function(){

            $('.banner-wrapper').banner({

                speed:3000,

                mspeed:400,

                listColor:'#fff',

                nowColor:'orange'

            })
        })

    </script>
</body>
</html>